
header{
  height: 0.3667rem;
  position: fixed;
  top: 0;
}
header>img{
  width: 0.2542rem;
  height: 0.1917rem;
  float: left;
  margin: 0.0708rem 24px 0;
}
header form{
  width: 2.0042rem;
  height: 0.25rem;
  float: left;
  border-radius: 0.1042rem;
  position: relative;
  margin-top: 0.0583rem;
}
header form button{
  position: absolute;
  width: 0.1167rem;
  height: 0.1167rem;
  top: 0.0708rem;
  left: 0.0833rem;
  background-color: #f6f6f6;
  border: 0;
}
header form button img{
  height: 0.1167rem;
}
header form input{
  width: 2.0042rem;
  border-radius: 0.1042rem;
  background-color: #f6f6f6;
  height: 0.25rem;
  padding: 0 0.2833rem;
  box-sizing: border-box;
  border: 0;
}
header form+span{
  float: right;
  margin: 0.1167rem 0.1042rem 0px;
  font-size: 0.125rem;
}
/* 大图 */
.banner{
  height: 1.4875rem;
  background-color: #f6f6f6;
  overflow: hidden;
  margin-top:0.3667rem ;
}
.banner img:nth-of-type(1){
  margin: 0.0583rem 0.1rem 0;
  width: 2.9208rem;
  height: 0.8625rem;
}
.banner img:nth-of-type(2){
  width: 100%;
  height: 0.5833rem;
}
/* 内容展示 */
.show{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 1.2083rem;
  text-align: center;
}
.show li{
width: 20%;

}
.show li a{
  display: block;
  color: #333;
  font-size: 0.1rem;
  line-height: 1;
}
.show li a img{
 
  margin: 0 auto 0.0625rem;

  width: 0.2708rem;
  height: 0.25rem;
}
/* 图书畅销 */
section{
  height: 3.875rem;
  background-color: #f6f6f6;
  padding: 0 0.1rem;
  margin-bottom: 100.008px;

}
section .top{
  width: 100%;
  height: 1.3042rem;
}
section .top .tushu{
width: 50%;
float: left;
height: 1.3rem;
}
section .top .tushu h3{
  font-size: 0.125rem;
  padding-left: 0.0917rem;
  overflow: hidden;
  background: linear-gradient(#fff7f7,white);

}
section .top .tushu h3 a{
  color: #141414;
  float: left;
  margin-top: 0.1083rem;
}
section .top .tushu h3::after{
  content: url(image/huo.png)"热门好书";
  background-color: #e6b47b;
  width: 0.625rem;
  border-radius: 0.075rem;
  margin-left: 0.0333rem;
  font-size: 0.0834rem;
  display: block;
  float: left;
  color: white;
  margin-top: 0.125rem;
}
section .top .tushu div{
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: white
}
section .top .tushu div img{
  height: 0.5667rem;
  text-align: center;
  margin-bottom: 0.0833rem;
}
section .top .tushu div a{
  color: #565656;
  line-height: l;
  font-size: 0.1rem;
  margin-bottom: 0.2rem;
  
}
/* 抢购 */
.qiangg{
  height: 1.1917rem;
  background-color: white;
}
.qiangg h3{
  background: linear-gradient(#e0b8b8,white);
justify-content: space-between;
line-height: 1;
margin-bottom: 0.1rem;
}
.qiangg h3 b{
  font-size: 0.125rem;
  color: #141414;
  margin: 0.1rem 0 0 0.1083rem;

}
.qiangg h3 a{
  float: right;
  margin: 0.0208rem 0.1042rem 0 0;
  color: #828282;
  font-size: 0.0917rem;
}
.qiangg>div{
  float: left;
  margin-left: 0.125rem;
  position: relative;
width: calc(25% - 0.125rem);
}
.qiangg>div img{
  width: 0.5583rem;
}
.qiangg>div p{
  width: 0.5875rem;
  height: 0.1542rem;
  background-color: #f85c5b;
  position: absolute;
  bottom: -0.1542rem;
  left: 0.0167rem;
  border-radius: 0.0833rem;
  font-size: 0.125rem;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 0 0.0417rem;
}
.qiangg>div p b{
  width: 35.008px;
  height: 0.1458rem;
  border-radius: 0.2083rem;
  background-color: #fdd4d4;
  color: #f85c5b;
  line-height: 0.1458rem;
  text-align: center;
}
.qiangg>div:nth-last-of-type(3)::after,.qiangg>div:nth-last-of-type(1)::after{
  content: "$208.8";
  width: 0.5875rem;
  height: 0.1542rem;
  position: absolute;
  bottom: -0.3rem;
  font-size: 0.125rem;
color: #a0a1a3;
text-decoration: line-through;
left: 0.1667rem;
}
/* 品牌抢购 */
.ppai{
  height: 1.1042rem;
  background-color: white;
}
.ppai h3{
  background: linear-gradient(#e0b8b8,white);
  margin-bottom: 0.1rem;
display: flex;
}
.ppai h3 b{
line-height: 1;
font-size: 0.125rem;
color: #141414;
}
.ppai h3 span{
  width: 0.6rem;
  height: 0.125rem;
  background-color: #ff79bf;
  display: flex;
  color: white;
  line-height: 0.125rem;
  font-size: 0.0833rem;
  border-radius: 0.0417rem;
  margin-left: 0.0417rem;
}
.ppai h3 span img{
  width: 0.0833rem;
  height: 0.0833rem;
  margin: 0.0208rem 0 0 0.0625rem;
}
.ppai ul{
  display: flex;
  justify-content: center;
}
.ppai ul li{
  width: 25%;
}
.ppai ul li img{
  height: 0.6917rem;
}
/* 尾部 */
footer{
  position: fixed;
  height: 0.4167rem;
  border-top: 0.0042rem solid black;
  bottom: 0;
  background-color: white;
  display: flex;
  width: 100%;
  line-height: 1;
}
footer a{
  width: 20%;
  text-align: center;
  font-size: 0.1rem;
  color: #4d525d;
  margin-top: 0.0417rem;
}
footer a span{
  display: block;
  font-size: 0.1667rem;
  margin-bottom: 0.0417rem;
}
footer .active{
  color: #f2374e;
}
